    /*宽度100%*/
    .w-100 {
    	width: 100%;
    }

    .h-100 {
    	height: 100%;
    }

    /*flex布局*/


    .d-f {
    	display: flex;
    }

    .row {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .row-af {
    	display: flex;
    	align-items: flex-end;
    }

    .row-ac-sb {
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    }

    .row-ac {
    	display: flex;
    	align-items: center;
    }

    .row-ab {
    	display: flex;
    	align-items: baseline;
    }

    .row-ac-fw {
    	display: flex;
    	align-items: center;
    	flex-wrap: wrap;
    }

    .row-a-j-fc {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	flex-direction: column;
    }

    .row-af-js-fw {
    	display: flex;
    	align-items: flex-start;
    	justify-content: space-between;
    	flex-wrap: wrap;
    }

    .border {
    	border-width: 1px;
    	border-style: solid;
    	border-color: #dee2e6;
    }

    .border-none {
    	border: none;
    }

    .border-red {
    	border: 1px #999 solid;
    }

    .border-top {
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #dee2e6;
    }

    .border-bottom {
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #dee2e6;
    }

    .border-bottom-dashed {
    	border-bottom-width: 1px;
    	border-bottom-style: dashed;
    	border-bottom-color: #dee2e6;
    }

    .border-right {
    	border-right-width: 1px;
    	border-right-style: solid;
    	border-right-color: #dee2e6;
    }

    .border-bottom-main {
    	border-bottom-color: #f83434;
    }

    .flex-row {
    	flex-direction: row !important;
    }

    .flex-column {
    	flex-direction: column !important;
    }

    .flex-row-reverse {
    	flex-direction: row-reverse !important;
    }

    .flex-column-reverse {
    	flex-direction: column-reverse !important;
    }

    .flex-wrap {
    	flex-wrap: wrap;
    }

    .flex-nowrap {
    	flex-wrap: nowrap;
    }

    .justify-start {
    	justify-content: flex-start;
    }

    .justify-end {
    	justify-content: flex-end;
    }

    .justify-between {
    	justify-content: space-between;
    }

    .justify-center {
    	justify-content: center;
    }

    .align-center {
    	align-items: center;
    }

    .align-stretch {
    	align-items: stretch;
    }

    .align-start {
    	align-items: flex-start;
    }

    .align-end {
    	align-items: flex-end;
    }

    .position-fixed {
    	position: fixed;
    }

    .text-center {
    	text-align: center;
    }

    .flex-1 {
    	flex: 1;
    }

    .flex-2 {
    	flex: 2;
    }

    .flex-3 {
    	flex: 3;
    }

    .flex-4 {
    	flex: 4;
    }

    .flex-5 {
    	flex: 5;
    }

    /* scroll-view 要用到的两个属性*/
    .scroll-row {
    	width: 100%;
    	white-space: nowrap;
    }

    .scroll-row-item {
    	display: inline-block !important;
    }

    /*上下左右边距*/
    .mt {
    	margin-top: 5px;
    }

    .mt-1 {
    	margin-top: 10px;
    }

    .mt-08 {
    	margin-top: 8px;
    }

    .mt-2 {
    	margin-top: 20px;
    }

    .mt-3 {
    	margin-top: 30px;
    }

    .mt-4 {
    	margin-top: 40px;
    }

    .mt-5 {
    	margin-top: 50px;
    }

    .mt-6 {
    	margin-top: 60px;
    }

    .mt-7 {
    	margin-top: 70px;
    }

    .mt-8 {
    	margin-top: 80px;
    }

    .mt-9 {
    	margin-top: 90px;
    }

    .mb-0 {
    	margin-bottom: 0;
    }

    .mb-08 {
    	margin-bottom: 8px;
    }

    .mb-1 {
    	margin-bottom: 10px;
    }

    .mb-2 {
    	margin-bottom: 20px;
    }

    .mb-3 {
    	margin-bottom: 30px;
    }

    .mb-4 {
    	margin-bottom: 40px;
    }

    .mb-5 {
    	margin-bottom: 50px;
    }

    .mb-6 {
    	margin-bottom: 60px;
    }

    .mb-7 {
    	margin-bottom: 70px;
    }

    .mb-8 {
    	margin-bottom: 80px;
    }

    .mb-9 {
    	margin-bottom: 90px;
    }

    .ml {
    	margin-left: 5px;
    }

    .ml-0 {
    	margin-left: 0;
    }

    .ml-08 {
    	margin-left: 8px;
    }

    .ml-1 {
    	margin-left: 10px;
    }

    .ml-2 {
    	margin-left: 20px;
    }

    .ml-3 {
    	margin-left: 30px;
    }

    .ml-4 {
    	margin-left: 40px;
    }

    .ml-5 {
    	margin-left: 50px;
    }

    .ml-6 {
    	margin-left: 60px;
    }

    .ml-7 {
    	margin-left: 70px;
    }

    .ml-8 {
    	margin-left: 80px;
    }

    .ml-9 {
    	margin-left: 90px;
    }

    .mr-0 {
    	margin-right: 0;
    }

    .ml-08 {
    	margin-right: 8px;
    }

    .mr-1 {
    	margin-right: 10px;
    }

    .mr-2 {
    	margin-right: 20px;
    }

    .mr-3 {
    	margin-right: 30px;
    }

    .mr-4 {
    	margin-right: 40px;
    }

    .mr-5 {
    	margin-right: 50px;
    }

    .mr-6 {
    	margin-right: 60px;
    }

    .mr-7 {
    	margin-right: 70px;
    }

    .mr-8 {
    	margin-right: 80px;
    }

    .mr-9 {
    	margin-right: 90px;
    }

    .mx {
    	margin-left: 5px;
    	margin-right: 5px;
    }

    .mx-0 {
    	margin-left: 0px;
    	margin-right: 0px;
    }

    .mx-08 {
    	margin-left: 8px;
    	margin-right: 8px;
    }

    .mx-1 {
    	margin-left: 10px;
    	margin-right: 10px;
    }

    .mx-15 {
    	margin-left: 15px;
    	margin-right: 15px;
    }

    .mx-2 {
    	margin-left: 20px;
    	margin-right: 20px;
    }

    .mx-28 {
    	margin-left: 28px;
    	margin-right: 28px;
    }

    .mx-3 {
    	margin-left: 30px;
    	margin-right: 30px;
    }

    .mx-4 {
    	margin-left: 40px;
    	margin-right: 40px;
    }

    .mx-5 {
    	margin-left: 50px;
    	margin-right: 50px;
    }

    .mx-6 {
    	margin-left: 60px;
    	margin-right: 60px;
    }

    .my {
    	margin-top: 5px;
    	margin-bottom: 5px;
    }

    .my-0 {
    	margin-top: 0px;
    	margin-bottom: 0px;
    }

    .my-1 {
    	margin-top: 10px;
    	margin-bottom: 10px;
    }

    .my-2 {
    	margin-top: 20px;
    	margin-bottom: 20px;
    }

    .my-3 {
    	margin-top: 30px;
    	margin-bottom: 30px;
    }

    .my-4 {
    	margin-top: 40px;
    	margin-bottom: 40px;
    }

    .my-5 {
    	margin-top: 50px;
    	margin-bottom: 50px;
    }



    .p-0 {
    	padding: 0;
    }

    .p-05 {
    	padding: 5px;
    }

    .p-1 {
    	padding: 10px;
    }

    .p-15 {
    	padding: 15px;
    }

    .p-2 {
    	padding: 20px;
    }

    .p-3 {
    	padding: 30px;
    }

    .p-4 {
    	padding: 40px;
    }

    .p-5 {
    	padding: 50px;
    }

    .p-6 {
    	padding: 60px;
    }

    .p-7 {
    	padding: 70px;
    }

    .p-8 {
    	padding: 80px;
    }

    .p-9 {
    	padding: 90px;
    }

    .pt-0 {
    	padding-top: 0;
    }

    .pt {
    	padding-top: 5px;
    }

    .pt-1 {
    	padding-top: 10px;
    }

    .pt-2 {
    	padding-top: 20px;
    }

    .pt-3 {
    	padding-top: 30px;
    }

    .pt-4 {
    	padding-top: 40px;
    }

    .pt-5 {
    	padding-top: 50px;
    }

    .pb-0 {
    	padding-bottom: 0;
    }

    .pb-1 {
    	padding-bottom: 10px;
    }

    .pb {
    	padding-bottom: 5px;
    }

    .pb-2 {
    	padding-bottom: 20px;
    }

    .pb-3 {
    	padding-bottom: 30px;
    }

    .pb-4 {
    	padding-bottom: 40px;
    }

    .pb-5 {
    	padding-bottom: 50px;
    }

    .pb-6 {
    	padding-bottom: 60px;
    }

    .pb-7 {
    	padding-bottom: 70px;
    }

    .pb-8 {
    	padding-bottom: 80px;
    }

    .pb-9 {
    	padding-bottom: 90px;
    }

    .pl-0 {
    	padding-left: 0;
    }

    .pl {
    	padding-left: 5px;
    }

    .pl-1 {
    	padding-left: 10px;
    }

    .pl-2 {
    	padding-left: 20px;
    }

    .pl-3 {
    	padding-left: 30px;
    }

    .pl-4 {
    	padding-left: 40px;
    }

    .pl-5 {
    	padding-left: 50px;
    }

    .pr-0 {
    	padding-right: 0;
    }

    .pr {
    	padding-right: 5px;
    }

    .pr-1 {
    	padding-right: 10px;
    }

    .pr-2 {
    	padding-right: 20px;
    }

    .pr-3 {
    	padding-right: 30px;
    }

    .pr-4 {
    	padding-right: 40px;
    }

    .pr-5 {
    	padding-right: 50px;
    }

    .py-0 {
    	padding-top: 0;
    	padding-bottom: 0;
    }

    .py {
    	padding-top: 5px;
    	padding-bottom: 5px;
    }

    .py-1 {
    	padding-top: 10px;
    	padding-bottom: 10px;
    }

    .py-15 {
    	padding-top: 15px;
    	padding-bottom: 15px;
    }

    .py-2 {
    	padding-top: 20px;
    	padding-bottom: 20px;
    }

    .py-3 {
    	padding-top: 30px;
    	padding-bottom: 30px;
    }

    .py-4 {
    	padding-top: 40px;
    	padding-bottom: 40px;
    }

    .py-5 {
    	padding-top: 50px;
    	padding-bottom: 50px;
    }

    .px-0 {
    	padding-left: 0;
    	padding-right: 0;
    }

    .px-1 {
    	padding-left: 10px;
    	padding-right: 10px;
    }

    .px {
    	padding-left: 5px;
    	padding-right: 5px;
    }

    .px-2 {
    	padding-left: 20px;
    	padding-right: 20px;
    }

    .px-3 {
    	padding-left: 30px;
    	padding-right: 30px;
    }

    .px-4 {
    	padding-left: 40px;
    	padding-right: 40px;
    }

    .px-5 {
    	padding-left: 50px;
    	padding-right: 50px;
    }

    /* 文字颜色 */
    .text-main-color {
    	color: #009874;
    }

    .text-white {
    	color: #ffffff;
    }

    .text-light-grey {
    	color: #828282;
    }

    .text-light-999 {
    	color: #999999;
    }

    .text-light-66 {
    	color: #666666;
    }

    .text-primary {
    	color: #007bff;
    }

    .text-hover-primary {
    	color: #0056b3;
    }

    .text-secondary {
    	color: #6c757d;
    }

    .text-hover-secondary {
    	color: #494f54;
    }

    .text-success {
    	color: #28a745;
    }

    .text-hover-success {
    	color: #19692c;
    }

    .text-info {
    	color: #17a2b8;
    }

    .text-hover-info {
    	color: #0f6674;
    }

    .text-warning {
    	color: #ffc107;
    }

    .text-hover-warning {
    	color: #ba8b00;
    }

    .text-danger {
    	color: #dc3545;
    }

    .text-hover-danger {
    	color: #a71d2a;
    }

    .text-light {
    	color: #f8f9fa;
    }

    .text-hover-light {
    	color: #cbd3da;
    }

    .text-dark {
    	color: #343a40;
    }

    .text-hover-dark {
    	color: #121416;
    }

    .text-body {
    	color: #212529;
    }

    .text-price {
    	color: #F12201;
    }

    .text-muted {
    	color: #6c757d;
    }

    .text-light-muted {
    	color: #A9A5A0;
    }

    /* 浅灰色用在input里公共色 */
    .text-light-black {
    	color: rgba(0, 0, 0, 0.5);
    }

    .text-light-white {
    	color: rgba(255, 255, 255, 0.5);
    }

    .text-de {
    	text-decoration: line-through;
    }

    .border-color {
    	border: 1px solid #009874;
    	color: #009874;
    }

    /* 背景颜色 */
    .bg-main-color {
    	background-color: #009874;
    	color: #FFFFFF;
    }

    .bg-disabled-color {
    	background-color: #ff5c5c;
    	color: #FFFFFF;
    }

    .bg-primary {
    	background-color: #007bff;
    	color: #FFFFFF;
    }

    .bg-hover-primary:hover {
    	background-color: #0062cc;
    }

    .bg-secondary {
    	background-color: #6c757d;
    }

    .bg-hover-secondary:hover {
    	background-color: #545b62;
    }

    .bg-success {
    	background-color: #28a745;
    }

    .bg-hover-success {
    	background-color: #1e7e34;
    }

    .bg-info {
    	background-color: #17a2b8;
    }

    .bg-hover-info {
    	background-color: #117a8b;
    }

    .bg-warning {
    	background-color: #ffc107;
    	color: #FFFFFF;
    }

    .bg-hover-warning {
    	background-color: #d39e00;
    }

    .bg-danger {
    	background-color: #dc3545;
    	color: #FFFFFF;
    }

    .bg-hover-danger {
    	background-color: #bd2130;
    	color: #FFFFFF;
    }

    .bg-light {
    	background-color: #f8f9fa;
    }

    .bg-hover-light {
    	background-color: #dae0e5;
    }

    .bg-dark {
    	background-color: #343a40;
    }

    .bg-hover-dark {
    	background-color: #1d2124;
    }

    .bg-white {
    	background-color: #ffffff;
    }

    .bg-button {
    	background-color: #f5f4f4;
    }

    .bg-transparent {
    	background-color: transparent;
    }

    .top-0 {
    	top: 0;
    }

    .left-0 {
    	left: 0;
    }

    .right-0 {
    	right: 0;
    }

    .bottom-0 {
    	bottom: 0;
    }

    /*字体大小*/
    .font-s-small {
    	/* 小字体 */
    	font-size: 10px;
    }

    .font-s-1 {
    	/* 小字体 */
    	font-size: 12px;
    }

    .font-s-2 {
    	/* 常规字体大小 */
    	font-size: 14px;
    }

    .font-s-3 {
    	/* 常规字体大小 */
    	font-size: 16px;
    }

    .font-s-4 {
    	/* 大字体 */
    	font-size: 20px;
    }

    .font-s-45 {
    	/* 大字体 */
    	font-size: 22px;
    }

    .font-s-5 {
    	/* 超大字体 */
    	font-size: 30px;
    }

    .font-s-6 {
    	/* 超大字体 */
    	font-size: 32px;
    }

    .font-s-65 {
    	/* 超大字体 */
    	font-size: 36px;
    }

    .font-s-7 {
    	/* 超大字体 */
    	font-size: 42px;
    }

    .font-s-8 {
    	/* 超大字体 */
    	font-size: 60px;
    }

    .font-s-9 {
    	/* 超大字体 */
    	font-size: 72px;
    }

    .font-w {
    	/*超粗字体 */
    	font-weight: bold;
    }

    /*字体粗细*/
    .font-300 {
    	/*超细字体 */
    	font-weight: 300;
    }

    /*字体粗细*/

    /* 定位 - 固定顶部 */
    .fixed-top {
    	position: fixed;
    	top: 0;
    	right: 0;
    	left: 0;
    	z-index: 99;
    }

    /* 定位 - 固定底部 */
    .fixed-bottom {
    	position: fixed;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: 1;
    }

    .position-relative {
    	position: relative;
    }

    .position-absolute {
    	position: absolute;
    }

    .zindex-1 {
    	z-index: 1
    }

    /* 圆角 */
    .rounded {
    	border-radius: 16px;
    }

    .rounded-top {
    	border-top-left-radius: 12px;
    	border-top-right-radius: 12px;
    }

    .rounded-right {
    	border-top-right-radius: 12px;
    	border-bottom-right-radius: 12px;
    }

    .rounded-bottom {
    	border-bottom-right-radius: 12px;
    	border-bottom-left-radius: 12px;
    }

    .rounded-left {
    	border-top-left-radius: 12px;
    	border-bottom-left-radius: 12px;
    }

    .rounded-circle {
    	border-radius: 100px;
    }

    .rounded-50 {
    	border-radius: 50%;
    }

    /* 内容溢出 */
    .overflow-hidden {
    	overflow: hidden;
    }

    /* 上三角 */
    .triangle-up {
    	width: 0;
    	height: 0;
    	border-left: 12px solid transparent;
    	border-right: 12px solid transparent;
    	border-bottom: 12px solid #f61f1b;
    }

    /* 下三角 */
    .triangle-down {
    	width: 0;
    	height: 0;
    	border-left: 12px solid transparent;
    	border-right: 12px solid transparent;
    	border-top: 12px solid #f61f1b;
    }

    /* 两行限制 */
    .in1line {
    	display: -webkit-box !important;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	word-break: break-all;
    	-webkit-box-orient: vertical !important;
    	-webkit-line-clamp: 1;
    }

    .in2line {
    	display: -webkit-box !important;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	word-break: break-all;
    	-webkit-box-orient: vertical !important;
    	-webkit-line-clamp: 2;
    }

    .fl {
    	float: left;
    }

    .fr {
    	float: right;
    }

    .clearfix {
    	zoom: 1;
    }

    .clearfix:after {
    	content: '';
    	height: 0;
    	display: block;
    	clear: both;
    }


    /* 隐藏 scroll-view 组件的滚动条*/
    ::-webkit-scrollbar {
    	display: none;
    	width: 0 !important;
    	height: 0 !important;
    	-webkit-appearance: none;
    	background: transparent;
    }

    .cp {
    	cursor: pointer;
    }

    .avatar-uploader {
    	background-color: #fbfdff;
    	border: 1px dashed #c0ccda;
    	border-radius: 6px;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 118px;
    	height: 118px;
    	cursor: pointer;
    	line-height: 118px;
    	vertical-align: top;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .avatar {
    	width: 110px;
    	height: 110px;
    	display: block;
    }